<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta charset="UTF-8">
        <!-- version 4.11.6 -->
        <link rel="shortcut icon" type="image/x-icon" href="img/title.png">
        <title>学习...</title>
        <link rel="stylesheet" href="./docsify/vue.css">
        <!--  多种主题，建议使用theme-simple.css和vue
        <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-defaults.css">
        <link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
        <link rel="stylesheet" href="//unpkg.com/docsify/themes/dark.css">
         <link rel="stylesheet" href="//unpkg.com/docsify/themes/pure.css">
        <link rel="stylesheet" href="//unpkg.com/docsify/themes/dolphin.css">--> 

        <!-- <link rel="stylesheet" href="https://wugenqiang.js.org/src/css/iconfont.css"> -->
        <link rel="stylesheet" href="./docsify/iconfont.css">
        
        <style>
            .app-nav{
                position: fixed;
                margin: 0;
                /*padding: 10px 50px 10px 0;*/
                padding: 10px 0 10px 0;/*上、右、下、左*/
                width: calc(100% - 325px);
                background-color: #fff;
                height: 55px;
                border-bottom: 1px solid #eee;
            }
        </style>
    </head>
    <body>
        <div id="app"></div>
        <script>
            window.$docsify={
                name:"知识库",
                repo:"", //git地址，已切换导航栏
                loadNavbar: true,  //定义导航栏
                mergeNavbar: true, // 小屏设备下合并导航栏到侧边栏
                alias: { // 定义路由别名，可以更自由的定义路由规则。 支持正则
                    '/.*/_navbar.md': '/_navbar.md'
                },
                //字数统计
                count:{
                    countable:true,
                    fontsize:'0.9em',
                    color:'rgb(90,90,90)',
                    language:'chinese'
                },
                //回到头部
                scrollToTop: {
                    auto: true,
                    text: 'Top',
                    right: 15,
                    bottom: 15,
                    offset: 500
                },
                footer: { //添加页脚
                    copy: '<span id="setTime"></span><br/><span>Copyright &copy; 2020.10.26 - 至今</span>',
                    auth: ' <a href="https://gitee.com/wangzonghui" target="_blank">🏷️ gitee</a> <span> 一个人可以走的很快，但一群人才能走的更远！</span>',
                    pre: '<hr/>',
                    style: 'text-align: left;',
                }
            }

            function siteTime() {
                window.setTimeout("siteTime()", 1000);
                var seconds = 1000;
                var minutes = seconds * 60;
                var hours = minutes * 60;
                var days = hours * 24;
                var years = days * 365;
                var today = new Date();
                var todayYear = today.getFullYear();
                var todayMonth = today.getMonth() + 1;
                var todayDate = today.getDate();
                var todayHour = today.getHours();
                var todayMinute = today.getMinutes();
                var todaySecond = today.getSeconds();
                /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
                year - 作为date对象的年份，为4位年份值
                month - 0-11之间的整数，做为date对象的月份
                day - 1-31之间的整数，做为date对象的天数
                hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
                minutes - 0-59之间的整数，做为date对象的分钟数
                seconds - 0-59之间的整数，做为date对象的秒数
                microseconds - 0-999之间的整数，做为date对象的毫秒数 */
                var t1 = Date.UTC(2020, 10, 26, 00, 00, 00); //北京时间2020-10-26 00:00:00 萌生了创建个人知识库的想法
                var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                var diff = t2 - t1;
                var diffYears = Math.floor(diff / years);
                var diffDays = Math.floor((diff / days) - diffYears * 365);
                var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
                var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes);
                var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds);
                if(document.getElementById("setTime")!=null){
                    document.getElementById("setTime").innerHTML = " 运行时间 " + diffYears + " 年 " + diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分 " + diffSeconds + " 秒 ";
                }
                
            }
            siteTime();
            
        </script>
        <script>document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='知识库';}else{document.title=normal_title;}});</script>
        <!-- <script src="//unpkg.com/docsify/lib/docsify.min.js"></script> -->
        <script src="./docsify/docsify.self.js"></script>
        <!-- 全文搜索 
        <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>-->
        <!-- 图片缩放 -->
        <!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script> -->
        <script src="docsify/zoom-image.min.js"></script>
        <!-- 代码复制剪切板 -->
        <!-- <script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script> -->
        <script src="./docsify/copy-code.js"></script>
        <!-- 字数统计 -->
        <!-- <script src="//unpkg.com/docsify-count/dist/countable.js"></script> -->
        <script src="./docsify/countable.js"></script>
        <!-- java代码加亮 -->
        <!-- <script src="https://cdn.jsdelivr.net/npm/prismjs@1.22.0/components/prism-java.min.js"></script> -->
        <script src="./docsify/prism-java.min.js"></script>
        <!-- 回到头部 -->
        <!-- <script src="//unpkg.com/docsify-scroll-to-top/dist/docsify-scroll-to-top.min.js"></script> -->
        <script src="./docsify/docsify-scroll-to-top.min.js"></script>
        <!-- 访问次数统计 统计总站，无法输出个人站-->
        <!-- <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script> -->
        <!-- 添加页脚 -->
        <!-- <script src="https://cdn.jsdelivr.net/gh/wugenqiang/NoteBook@master/plugin/docsify-footer-enh.min.js"></script> -->
        <script src="./docsify/docsify-footer-enh.min.js"></script>

        <!--卡通人物  git地址https://github.com/xiazeyu/live2d-widget-models  -->
        <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
        <script>
            
            var list = []
            list.push("https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json"); //卡通 海员女
            list.push("https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json");  //卡通 海员男
            list.push("https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json");  //萌娘
            list.push("https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json");  //茶杯狗
            list.push("https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json");  //白猫
            list.push("https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json");  //黑猫
            list.push("https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json");  //海员女
            list.push("https://unpkg.com/live2d-widget-model-hibiki@1.0.5/assets/hibiki.model.json");  //初中女 160px
            list.push("https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json"); //中学女
            list.push("https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json"); //初音未来
            
            num=Math.floor(Math.random()*list.length);
            path=list[num]

            heightSize=140
            if(num==7){
                heightSize=170;
            }
            L2Dwidget.init({
                "model": {
                jsonPath: path,  //定义卡通人物
                "scale": 1
                },
                "display": {
                "position": "right", //看板娘的表现位置
                "width": 70,  //小萝莉的宽度
                "height": heightSize, //小萝莉的高度
                "hOffset": 35,
                "vOffset": -20
                },
                "mobile": {
                "show": true,
                "scale": 0.5
                },
                "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
                }
            });
        </script>

    </body>
</html>